{extend name="public/base"/}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/writer/style/books.css">
<style>
.pagination {
	margin:5px 0;
}

.pagination>li {
    display: inline;
	margin: 0 2px;
}
.pagination>li a{text-align:center;}

.pageBox a{width:30px;}
.pageBox span{display: inline-block;
    border: 1px solid #D9D9D9;
	width:30px;
    border-radius: 3px;
    height: 26px;
	text-align:center;
    vertical-align: middle;}
.pageBox .active{color:#50A8FF;}

</style>
{/block}
{block name="body"}
    {include file="public/topmenu" /}
    {include file="public/changepwd" /}
    <div class="mainWrap pageCenter cf">     
        {include file="public/leftmenu" /}
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/writer/style/income.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/writer/style/reader_model.css">

        <div class="mainRight pb260 fl">
            <div class="crumbsWrap"><b></b><i class="before"><span><a href="{:url('writer/stats/subscription')}">数据统计</a></span></i><em class="same"></em>
                <i class="current"><span></span></i></div>
            <div class="tabSwitch cf">
                <span ><a href="{:url('writer/stats/subscription')}">订阅统计</a></span>
				<span class="act"><a href="{:url('writer/stats/rewards')}">打赏统计</a></span>

				<!---
                <span><a href="{:url('writer/stats/userart')}">读者群体画像</a></span>
                    <span><a href="{:url('writer/stats/useraction')}">读者行为偏好</a></span> 
				--->
			</div>
            <div class="incomeWrap">

				<div class="filter-box income cf">
				  <em>按月份：</em>
				  
				  <select name="year" id="year">
							
					<option value="2018"  {eq name="year" value="2018"}selected="selected"{/eq}>2018</option>
					<option value="2019" {eq name="year" value="2019"}selected="selected"{/eq}>2019</option>
					<option value="2020" {eq name="year" value="2020"}selected="selected"{/eq}>2020</option>
					<option value="2021" {eq name="year" value="2021"}selected="selected"{/eq}>2021</option>
					<option value="2022" {eq name="year" value="2022"}selected="selected"{/eq}>2022</option>
					<option value="2023" {eq name="year" value="2023"}selected="selected"{/eq}>2023</option>
						   
				  </select>
				  <select name="month" id="month">
					 <option value="1" {eq name="month" value="1"}selected="selected"{/eq}>1</option>    
					 <option value="2" {eq name="month" value="2"}selected="selected"{/eq}>2</option>    
					 <option value="3" {eq name="month" value="3"}selected="selected"{/eq}>3</option>    
					 <option value="4" {eq name="month" value="4"}selected="selected"{/eq}>4</option>
					 <option value="5" {eq name="month" value="5"}selected="selected"{/eq}>5</option>
					 <option value="6" {eq name="month" value="6"}selected="selected"{/eq}>6</option>    
					 <option value="7" {eq name="month" value="7"}selected="selected"{/eq}>7</option>    
					 <option value="8" {eq name="month" value="8"}selected="selected"{/eq}>8</option>    
					 <option value="9" {eq name="month" value="9"}selected="selected"{/eq}>9</option>    
					 <option value="10" {eq name="month" value="10"}selected="selected"{/eq} >10</option>    
					 <option value="11" {eq name="month" value="11"}selected="selected"{/eq}>11</option>    
					 <option value="12" {eq name="month" value="12"}selected="selected"{/eq}>12</option> 
				  </select>

				  <a class="button" href="javascript:" id="searchRewardsList">查看</a>
				</div>

               <!--  <div class="reserveBox mb20 cf">
                                       其他订阅
                        <div class="totalBox fl">
                            <p class="all"><em>{$total}</em><i>总打赏</i></p>
                
                            <p class="platform"><i><span>自有平台</span><em>0</em></i><b></b><i><span>APP平台</span><em>0</em></i></p>
                        </div>
                        <div class="record fl cf">
                            <ul>
                                <li>
                                    <p>昨日新增打赏</p>
                                    <span>{$yesterdaytotal}</span></li>
                                <li>
                                    <p>章节平均打赏</p>
                                    <span>{$chapteravg}</span></li>
                                <li class="br0">
                                    <p>单章最高打赏</p>
                                    <span>{$chaptermax}</span></li>
                            </ul>
                        </div>
                        <p class="tip"></p>
                </div> -->
                <div class="reserveListWrap">
                    <div class="reserveTitle">
                        <div class="combo-select">
                            <select id="sortFieldSelect" name="sortField" tabindex="-1">
                                <option value="create_time">打赏时间</option>
                                <option value="price">打赏价格</option>
                                <!--<option value="3">计费字数</option>-->
                            </select>
                        </div>                
                            <em class="icon detail"></em>打赏明细
                    </div>


                    <div class="detailWrap mb10" id="">
                        <table class="detailTable">
                            <colgroup>
                                <col width="25%">
                                <col width="25%">
                                <col width="25%">
                                <col width="25%">
                            </colgroup>
                            <thead>
                            <tr>
                                <th>ID</th>
								<th>日期</th>
								<th>书名</th>
                                <th>打赏金额</th>
                            </tr>
                            </thead>
                            <tbody id="activechapter">
                                {if count($subs) == 0}
                                    <tr><td colspan="5">暂无任何数据</td></tr>
                                {else}
                                    {volist name="subs" id="vo" key="k"}
                                        <tr>
                                            <td>{$k}</td>
											<td>{$vo['day'] | date="Y-m-d",###}</td>
											<td>{$vo['articlename']}</td>
                                            <td>{$vo['bonus']|get_wtiter_income=$vo['articleid'],###}</td>
                                            
                                        </tr>
                                    {/volist}
                                {/if}
                            </tbody>
                        </table>
                    </div>
                    <div class="pageBox pr0 fr"><p>{$subs->render()}</p></div>
                </div>
            </div>
        <img id="requestLoadingTip" class="loadImg" style="display: none;" src="/public/writer/images/loading.gif"></div>
        <script type="text/javascript" src="__PUBLIC__/writer/js/novel_takelog.js"></script><script type="text/javascript">
            var CBID = {$bookid|default=0},
                getSubscriptionListAjaxUrl = "";

            $(function () {
                CS.page.querySubscription.init(CBID, getSubscriptionListAjaxUrl);
            });
        </script>

    </div>
    {include file="public/footer" /}
<script type="text/javascript">

    $('#novelList').on('mouseenter', 'tr',
    function() {
        $(this).addClass('active').siblings('tr').removeClass('active');
    });
</script>
{/block}
{block name="script"}
{/block}


